<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>首页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="../css/main.css?rev=@@hash">
    <link rel="stylesheet" type="text/css" href="../css/index.css?rev=@@hash">
</head>
<body>
    <header id="header" class="header">
        <a href="user.html" class="uesr-centre sprites"></a>
        <a href="javascript:;" title="" id="J_showType" class="good-type sprites"></a>
        <h1 class="logo sprites"></h1>
    </header><!-- /header -->
    <nav>
        <div class="goods-tab clearfix">
            <a href="list.html" class="tab-item tab-cur">最新试用<span class="triangle"></span></a>
            <a href="list.html"class="tab-item" >近期试用<span class="triangle"></span></a>
        </div>
    </nav>
    <aside id='J_type' class="goods-type">
        <ul>
            <li class="item"><a href="#"><span class="sprites def"></span>默认分类</a></li>
            <li class="item"><a href="#"><span class="sprites mz"></span>潮流女装</a></li>
            <li class="item"><a href="#"><span class="sprites nz"></span>精品男装</a></li>
            <li class="item"><a href="#"><span class="sprites xz"></span>鞋子箱包</a></li>
            <li class="item"><a href="#"><span class="sprites ps"></span>时尚配饰</a></li>
            <li class="item"><a href="#"><span class="sprites ms"></span>美食特产</a></li>
            <li class="item"><a href="#"><span class="sprites jd"></span>数码家电</a></li>
            <li class="item"><a href="#"><span class="sprites jj"></span>家居日用</a></li>
            <li class="item"><a href="#"><span class="sprites mr"></span>美容护肤</a></li>
            <li class="item"><a href="#"><span class="sprites zh"></span>综合试用</a></li>
            
        </ul>
    </aside>
    <section>
        <ul id="J_list" class="goods-list">
            <script id="loaderhtml" type="text/html">
                {{each list as data}}
                    <li>
                        <a href="detail.html">
                            <div class="goods-img">
                                <img class="J_lazy" data-layzr="{{data.imgurl}}" src="../img/blank.gif"  alt="" />
                            </div> 
                            <p class="goods-tit">{{data.title}}</p>
                            <span class="goods-number">
                                份数：<b>{{data.num}}</b>份
                            </span>
                            <span class="goods-price">
                                价值：<b>{{data.price}}元</b>
                            </span>
                            <span class="p-total">
                                {{data.applyNum}}人申请
                            </span>
                            <span class="goods-icon sprites s-icon"></span>
                        </a>
                    </li>
                 {{/each}}
            </script>
        </ul>
        <div class="J_loader loader"></div>
        <div  class="goods-more">
            <a href="javascript:;" id="J_more">查看更多</a>
        </div>
    </section>
    <a href="javascript:;" id="J_backtop" class="top sprites"></a>

    <script type="text/javascript" src="../js/libs/zepto/zepto.js"></script>
    <script type="text/javascript" src="../js/libs/template.js"></script>
    <script type="text/javascript" src="../js/libs/layzr.js"></script>

    <script type="text/javascript" src="../js/list.js?rev=@@hash"></script>
    
</body>
</html>